@charset "utf-8";
@function v($p){
    @return $p/1920*100vw;
}

//section 中部
section{
    padding: 0 v(220);
    box-sizing: border-box;
    //flash 轮播图
    #flash{
        width: 100%;
        height: v(800);
        position: relative;
        overflow: hidden;
        >img{width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }
        .flash_word{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-20%);
            text-align: center;
            img{width: v(425);} 
            button{
                margin-top: v(42);
                padding: v(22) v(70) v(21);
                color: white;
                background: transparent;
                border: 1px solid white;
            }  
        }
        //小圆点
        ul{
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: v(45);
            li{width: v(12);
                height: v(12);
                border-radius: 50%;
                display: inline-block;
                margin: 0 v(6);
                background: black;
                cursor: pointer;
            }
        }     
    }
    //section_btn:About Or & Product Section
    .section_btn{
        width: 100%;
        padding: v(100) v(110) v(60);
        box-sizing: border-box;
        text-align: center;
        //About Or
        .section_btn_aboutor{width:v(279);
            margin-bottom: v(56);}
        //About Or Pic
        .section_btn_aboutorPic{
            background: url(../img/2,4.jpg);
            background-size: 100%;
            background-repeat: no-repeat;
            height: v(592);
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 1s;
            button{
                background: transparent;
                border:1px solid white;
                padding: v(24) v(105) v(21);
                color: white;
            }
        }
        .section_btn_aboutorPic:hover{
            background-size: 102%;
        }
        //Product
        .section_btn_product{
            width:v(233);
            margin-top: v(84);
            margin-bottom: v(61);
        }
        //Product Pic
        //section_product_top
        .section_product_top p,
        .section_product_btm p{
            margin-top: v(30);
            margin-bottom: v(24);
        }
        .section_product_top{
            width: 100%;
            position: relative;
            padding-bottom: v(66);
            //左上角产品
            .product_topleft{
                width: v(816);
                .product_topleft_pic>img{ width: 100%;}
                .product_topleft_title>img{width: 51.23%;}
            }
            //右上角产品
            .product_topright{
                width: v(388);
                position: absolute;
                right: 0;
                top: 0;
                .product_topright_pic>img{width: 100%;}
                .product_topright_title>img{width: 31.19%}
            }
        }
        //section_product_btm
        .section_product_btm{
            width: 100%;
            position: relative;
            padding-bottom: v(222);
            //左下角产品
            .product_btmleft{
                width: v(396);
                .product_btmleft_pic>img{width: 100%;}
                .product_btmleft_title>img{width: 30.56%}
            }
            //右下角产品
            .product_btmright{
                width: v(807);
                position: absolute;
                right: 0;
                top: 0;
                .product_btmright_pic>img{ width: 100%;}
                .product_btmright_title>img{width: 15%;}
            }
        }
        //Section-video 
        .video_title>img{width: v(418);
            margin-top:v(24);}
            
        .video_contect{
            width: v(1015);
            margin: 0 auto;
            position: relative;
            margin-top: v(50);
            margin-bottom: v(55);
            video{
                width: 100%;
                cursor: pointer;
            }
            #video_mask{
                width: 100%;
                height: 100%;
                background: black;
                opacity: .5;
                position: absolute;
                top: 0;
                >img{width: v(141);
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    margin: auto;}
            }
            #video_mask:hover{cursor: pointer;}
        }
        .video_btn{
            color: #000000;
            padding: v(23) v(70) v(20);
            border: 1px solid black;
            background: transparent;
            margin-bottom: v(60);
        }
    //-/section_btn
    }
}
//底部图片
.section_footer{
    background: url(../img/1,33.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: v(993);
    position: relative;
    .section_footer_title>img{
        width:v(520);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
}

//------------------------放大-动画
.product_topleft_pic,.product_topright_pic,
.product_btmleft_pic,.product_btmright_pic{
    overflow: hidden;
    img{transition: all 1s;}
    img:hover{ 
        transform: scale(1.2);
        cursor: pointer;
    }
}

.video_btn:hover{
    color: white!important;
    border: 1px solid black!important;
    background: black!important;}

//-------加载动画
.loading{
    position: absolute;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%!important;
    text-align: center;
    background: white;
    >img{
        margin-top: 100px;}
}
